/*$$
{"color":[{"val":"#26334c","title":"栏目标题颜色"},{"val":"#a1a7b2","title":"分类标题颜色"},{"val":"#26334d","title":"分类标题选中颜色"},{"val":"#ffffff","title":"鼠标滑过文字颜色"}],"background":[{"val":"#e6e8ed","title":"分类标题底部边框颜色"},{"val":"#6060ea","title":"分类标题选中底部边框颜色"},{"val":"rgba(97,96,234,.82)","title":"鼠标滑过背景色"}],"border":[]}
$$*/

#case_149{

	width: 100%;

	padding: 60px 0;

}

#case_149 .cont1200{

	width: 1200px;

	margin: 0 auto;

}



#case_149 .className{

	width: 100%;

	position: relative;

	color: #26334c;

}



#case_149 .className .title-1 {

	font-size: 35px;

	line-height: 50px;

	padding-left: 30px;

	position: relative;

	text-transform: uppercase;

	font-weight: bold;

}



#case_149 .className .title-1 i {

	display: block;

	width: 25px;

	height: 17px;

	position: absolute;

	left: 0;

	top: 14px;

	background: url(/static/images/CP00002_01.png) no-repeat;

}



#case_149 .className .title-2 {

	padding-left: 30px;

	font-size: 24px;

	line-height: 50px;

	display:-webkit-box;/**对象作为伸缩盒子模型展示**/

	-webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/

	-webkit-line-clamp:3;/**显示的行数**/

	overflow:hidden;/**隐藏超出的内容**/

}



#case_149 .caseTop{

	position: relative;

}



#case_149 .news-nav{

	position: absolute!important;

	right: 30px;

	bottom: 3%;

	font-size: 0;

}



#case_149 .news-nav::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 2px;

	background: #e6e8ed;

}

#case_149 .news-nav li{

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	color: #a1a7b2;

	position: relative;

	padding: 0 5px 20px 5px;

	margin:0 20px;

	cursor: pointer;

}

#case_149 .news-nav li a{

	color: #a1a7b2;

}

#case_149 .news-nav li:hover a{

	color: #26334c;

}

#case_149 .news-nav li a.cur{

	color: #26334c;

}

#case_149 .news-nav a:first-child {

	margin-left: 0px;

}

#case_149 .caseBottom{

	width: 100%;

	padding-top: 50px;

}

#case_149 .caseL{

	width:calc(50% - 5px);

	float: left;

	position: relative;

	margin-top: 5px;

	overflow: hidden;

	margin-right: 5px;

}

#case_149 .caseL img{

	width:100%;

	height: 460px;

	object-fit: cover;

	transition:transform .3s ease ;

}

#case_149 .caseL:hover img{

	transform: scale(1.1);

}

#case_149 .conInfo{

	position: absolute;

	left:0;

	top:0;

	width: 100%;

	height: 100%;

	background: rgba(97,96,234,.82);

	color: #ffffff;

	text-align: center;

	opacity: 0;

	transition:opacity .5s ease;

}

#case_149 .conInfo a{

	color: #ffffff;

}

#case_149 .caseL:hover .conInfo,

#case_149 .caseList:hover .conInfo{

	opacity:1;

}

#case_149 .conInfo .text{

	position: relative;

	top:50%;

	transform: translateY(-50%);

}

#case_149 .conInfo .tit1{

	font-size: 18px;

	line-height: 30px;

	 overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	width: 100%;

	padding: 0 15px;

}

#case_149 .conInfo .tit2{

	font-size: 14px;

	line-height: 28px;

	padding: 0 15px;

	max-height: 84px;

	width: 100%;

	overflow:hidden; 

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3; 

	text-align: left;

}

#case_149 .conInfo .btnMore{

	background: url(/static/images/CP00002_02.png) no-repeat center center;

	background-size: 26px 14px;

	width: 100%;

	height: 30px;

}

#case_149 .caseR{

	width: 50%;

	float: left;

}

#case_149 .caseList{

	width:calc(50% - 10px);

	margin: 5px;

	box-sizing: border-box;

	position: relative;

	float: left;

	overflow: hidden;

}

#case_149 .caseList img{

	width:100%;

	height: 225px;

	object-fit: cover;

	transition: transform .3s ease;

}

#case_149 .caseList:hover img{

	transform: scale(1.1);

}

@media screen and (max-width: 1200px){

	#case_149 .cont1200{

		width: 96%;

	}

	#case_149{

		padding: 20px 0;

	}

}

@media screen and (max-width: 767px) {

	#case_149 .cont1200{

		width: 100%;

	}

	#case_149 .caseTop{

		padding-bottom: 60px;

	}

	#case_149 .className{

		width: 90%;

		padding: 0 5%;

	}

	#case_149 .caseL img{

		height: 280px;

	}

	#case_149 .news-nav{

		width: 90%;

		right:5%;

		bottom:0;

	}

	#case_149 .caseL{

		width: 100%;

	}

	#case_149 .caseR{

		width: 100%;

	}

	#case_149 .caseList img{

		height: 140px;

	}

	#case_149 .className .title-1{

		font-size: 30px;

		line-height: 36px;

	}

	#case_149 .className .title-2{

		font-size: 20px;

		line-height: 30px;

	}

	#case_149 .caseBottom{

		padding-top: 20px;

	}

}